<!--  -->
<template>
  <div class="top-view">
    <el-row :gutter="20">
      <el-col :span="6"
        ><el-card shadow="hover"> <total-sales /></el-card
      ></el-col>
      <el-col :span="6"
        ><el-card shadow="hover"><total-orders /></el-card
      ></el-col>
      <el-col :span="6"
        ><el-card shadow="hover"><today-users /></el-card
      ></el-col>
      <el-col :span="6"
        ><el-card shadow="hover"><total-users /></el-card
      ></el-col>
    </el-row>
  </div>
</template>

<script>
import TotalSales from './TotalSales'
import TotalOrders from './TotalOrders'
import TodayUsers from './TodayUsers'
import TotalUsers from './TotalUsers'
import { Card, Select, Option } from 'element-ui'
export default {
  data() {
    return {}
  },
  components: {
    TotalSales,
    TotalOrders,
    TodayUsers,
    TotalUsers,
  },
  methods: {},
}
</script>
<style lang="less" scoped>
// .top-view {
//   width: 100%;
//   height: 30%;
// }
</style>
